<template>
	<view class="d-area d-imgs-area">

		<view class="infos">
		 <view class="price-line flex">
		 	<view class="price-item flex1">
					<view class="p-title cc"> 均价 </view>
					<view class="price flex">
						<view class="price-value"> {{ info.itemInformation.averagePrice}}  </view>
						<view class="price-desc"> 元/<sm/></view>
					</view>
				</view>
				<view class="price-item flex1">
					<view class="p-title cc"> 主力户型 </view>
					<view class="price flex">
						<view class="price-value"> 99-100 </view>
						<view class="price-desc"> m </view>
					</view>
				</view>
			</view>
			<view class="title"> 最新动态 </view>
			<view class=""> 最新动态最新动态最新动态最新动态 </view>
			<view class=""> 最新动态最新动态最新动态最新动态 </view>
			<view class=""> 最新动态最新动态最新动态最新动态 </view>
		</view>
		<view class="bar"></view>
		<view class="infos yellow-bg">
			<view class="line">
				<view class="title"> 佣金政策 </view>
				<view class="tip flex flex1">
					<view class="tip1 flex1">(分销后客户不可见) </view>
					<view class="tip2"> >> 差阅细则</view>
				</view>
			</view>
			<view class="flex proce-line"> <view class="proce-title"> 分销佣金 </view> 3% </view>
			<view class="flex proce-line"> <view class="proce-title"> 合作周期 </view> 2020年11月11日-2020年11月11日 </view>
			<view class="flex proce-line"> <view class="proce-title"> 上客报备 </view> 提前1销售报备 </view>
			<view class="flex proce-line"> <view class="proce-title"> 客户保护 </view> 7天 </view>
		</view>
		<view class="bar"></view>

	</view>
</template>

<script>
	export default {
		props:{
			info:Object
		},  
		data() {
			return {

			};
		},
		methods: {
			leftImg(f) {

			}
		}
	}
</script>

<style lang="scss">
	.d-imgs-area {
		.price-line {
			margin: 10px 0 30px 0;

			.price-item {

				.price-value {
					font-size: 30px;
					font-weight: 600;
				}
			}
		}
		
		.yellow-bg{
			background: #FBD100;
		}
		.tip{
			color: #FFF;
			font-size: 12px;
		}
		.tip1{
			padding-left: 10px;
		}
		.proce-line{
			margin: 5px 0;
		}
		
		.proce-title{
			margin-right: 20PX;
		}
	}
</style>
